<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery/jquery.js"></script>
</head>
<body>
    <input type="button" value="jquery-jsonp" onclick="sendJsonp()">
    <input type="button" value="jquery-jsonp" onclick="sendJsonp2()">
    <script>

        /* jQuery的jsonp方法就是jquery内置的封装方法$.ajax()和$.get()
            query发送的jsonp请求默认会被携带两个固定的参数 
                callback=jquery随机值，定义jsonp的回调函数名称，取值为内部自动生成函数名称，会自动映射到success函数上
                _=时间戳(毫秒值)，防止浏览器因为js脚本为静态脚本，且多次请求都是相同地址导致的浏览器换餐，让请求无法多次发送
            jquery的ajax方法通过响应数据类型的设置描述请求规范
                配置项中需要设置:dataType:"jsonp",以jsonp规则进行请求发送
        */

        function sendJsonp(){
            $.ajax({
                url:"http://127.0.0.1:3000/cors/jsonp",
                method:"get",
                dataType:"jsonp",
                success:function(data){
                    console.log(data);
                }

            });
        }

        function sendJsonp2(){
            $.get("http://127.0.0.1:3000/cors/jsonp",function(data){
                console.log(data);
            },"jsonp");
        }
    </script>
</body>
</html>